<template>
  <div>
    <div class="detailheader">
        <!-- 详情头部 -->
      <van-nav-bar :title="title" @click-left="onClickLeft">
        <template #left>
          <van-icon name = "shouye" class-prefix ="icon" class="iconfont" size="22"/>
        </template>
      </van-nav-bar>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true
    }
  },
   methods: {
    onClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss" scoped>
  .detailheader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    img{
      width: 93.3px;
      height: 29.3px;
      vertical-align: middle;
    }
  }
</style>
